<template>
    <div :style="{background:'rgb(190,200,200)',padding:'26px 16px 16px'}">
        <a-button type="primary" size="large">主按钮</a-button>
        <a-button>次按钮</a-button>
        <a-button type="dashed" size="small">虚线按钮</a-button>
        <a-button type="text" danger>文本按钮</a-button>
        <a-button type="link" >链接按钮</a-button>
        <a-button type="primary" ghost>背景透明</a-button>
        <a-button type="primary" shape="circle">圆形按钮</a-button>
        <a-button type="primary" shape="round">圆角按钮</a-button>
        <a-button type="primary" loading>加载中...</a-button>
        <a-button type="primary" size="large">
            <template #icon>
                <SearchOutlined />
            </template>
            搜索
        </a-button>

    </div>
</template>
<script setup>
import {SearchOutlined} from '@ant-design/icons-vue'

</script>